<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!-- 获取绝对路径 -->

<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>电网安全稳定态势可视化系统</title>
    <!--公用样式 start-->
    <link rel="stylesheet" href="${ctx}/css/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx}/css/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/plugins/jqgrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="${ctx}/plugins/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="${ctx}/css/main.css">
    <script src="${ctx}/libs/jquery.min.js"></script>
    <script src="${ctx}/plugins/layer/layer.js"></script>
    <link rel="stylesheet" href="${ctx}/plugins/layer/skin/default/layer.css?v=3.0.11110" id="layuicss-skinlayercss">
    <script src="${ctx}/libs/bootstrap.min.js"></script>
    <script src="${ctx}/libs/vue.min.js"></script>
    <script src="${ctx}/libs/validator.min.js"></script>
    <script src="${ctx}/plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="${ctx}/plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="${ctx}/plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="${ctx}/js/common.js"></script>
    <!--公用样式 end-->
    <!--日历插件css-->
    <link rel="stylesheet" href="${ctx}/libs/jedate-6.5.0/skin/jedate.css">
    <!--文件上传插件css-->
    <link rel="stylesheet" href="${ctx}/plugins/easyUpload.js/easy-upload.css">
    <!--当前页面样式-->
    <link rel="stylesheet" href="${ctx}/css/index/index.css">
    <script src="${ctx}/js/common.js"></script>
    <script src="${ctx}/libs/echarts/echarts.min.js" charset = "utf-8"></script>
    <script src="${ctx}/libs/echarts/china.js" charset = "utf-8"></script>
</head>
<body>
<!--资源监控-->
<div class="main">
    <div class="main-top">
        <div class="main-top-spice"></div>
        <div class="main-top-left">
            <div class="main-top-left-spice"></div>
            <div class="main-top-left-title">
                <div class="main-top-left-title-top"></div>
                <div class="main-top-left-title-btn">
                    <table class="main-top-left-title-btn-table">
                        <tr class="main-top-left-title-btn-table-tr">
                            <td class="main-top-left-title-btn-table-tr-td">电网稳定曲线</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="main-top-left-spice"></div>
        </div>
        <div class="main-top-centent">
            <h3>电网安全稳定态势可视化系统</h3>
        </div>
        <div class="main-top-right">
            <div class="main-top-right-spice"></div>
            <div class="main-top-right-title">
                <div class="main-top-right-title-top"></div>
                <div class="main-top-right-title-btn">
                    <table class="main-top-right-title-btn-table">
                        <tr class="main-top-right-title-btn-table-tr">
                            <td class="main-top-right-title-btn-table-tr-td">关键节点稳定指标</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="main-top-left-spice">
               	<div class="main-top-left-spice-top">刷新时间：</div>
               	<div class="main-top-left-spice-btn">
               		<select id="selectTime" class="main-top-left-spice-btn-class" onchange="selectTime()">
               			<option value="1000">1秒</option>
               			<option value="5000">5秒</option>
               			<option value="10000" selected>10秒</option>
               			<option value="15000">15秒</option>
               			<option value="20000">20秒</option>
               		</select>
               	</div>
            </div>
        </div>
        <div class="main-top-spice"></div>
    </div>
    <div class="main-btn">
        <div class="main-btn-spice"></div>
        <div class="main-btn-left">
            <div class="main-btn-left-modular" id="dwwdqx">
                电网稳定曲线
            </div>
            <div class="main-btn-left-spice"></div>
            <div class="main-btn-left-modular" id="ldqdlfh">
                六大区电力负荷
            </div>
            <div class="main-btn-left-spice"></div>
            <div class="main-btn-left-modular mols" id="dlplqgfbqk">
                电力频率全国分布情况
            </div>
            <div class="main-btn-left-spice-btn"></div>
        </div>
        <div class="main-btn-centent">
            <div class="main-btn-centent-head">
                <div class="main-btn-centent-head-qgdwaqzt" id="qgdwaqzt">
                    全国电网安全状态
                </div>
                <div class="main-btn-centent-head-hbdwaqzt" id="hbdwaqzt">
                    华北电网安全状态
                </div>
                <div class="main-btn-centent-head-dbdwaqzt" id="dbdwaqzt">
                    东北电网安全状态
                </div>
                <div class="main-btn-centent-head-hddwaqzt" id="hddwaqzt">
                    华东电网安全状态
                </div>
            </div>
            <div class="main-btn-centent-spice"></div>
            <div class="main-btn-centent-modular" id="zgdt">
                中国地图
            </div>
            <div class="main-btn-centent-spice-btn"></div>
        </div>
        <div class="main-btn-right">
            <div class="main-btn-right-modular" id="gjjdwdzb">
                关键节点稳定指标
            </div>
            <div class="main-btn-right-spice">
                <table class="main-btn-right-spice-table">
                    <tr class="main-btn-right-spice-table-tr">
                        <td class="main-btn-right-spice-table-td">策略表</td>
                    </tr>
                </table>
            </div>
            <div class="main-btn-right-modular" id="clb">
<!--                 <table class="main-btn-right-modular-table">
                    <tr class="main-btn-right-modular-table-tr-title">
                        <td class="main-btn-right-modular-table-td">节点号</td>
                        <td class="main-btn-right-modular-table-td">稳定度</td>
                        <td class="main-btn-right-modular-table-td">超负荷量</td>
                        <td class="main-btn-right-modular-table-td">无功补偿量</td>
                    </tr>
                    <tr class="main-btn-right-modular-table-tr">
                        <td class="main-btn-right-modular-table-td">临汾</td>
                        <td class="main-btn-right-modular-table-td">0.66</td>
                        <td class="main-btn-right-modular-table-td">0</td>
                        <td class="main-btn-right-modular-table-td">0</td>
                    </tr>
                    <tr class="main-btn-right-modular-table-tr">
                        <td class="main-btn-right-modular-table-td">西安</td>
                        <td class="main-btn-right-modular-table-td">0.90</td>
                        <td class="main-btn-right-modular-table-td">0</td>
                        <td class="main-btn-right-modular-table-td">0</td>
                    </tr>
                    <tr class="main-btn-right-modular-table-tr">
                        <td class="main-btn-right-modular-table-td">玉树</td>
                        <td class="main-btn-right-modular-table-td">0.07</td>
                        <td class="main-btn-right-modular-table-td">0</td>
                        <td class="main-btn-right-modular-table-td">0</td>
                    </tr>
                    <tr class="main-btn-right-modular-table-tr">
                        <td class="main-btn-right-modular-table-td">西宁</td>
                        <td class="main-btn-right-modular-table-td">0.02</td>
                        <td class="main-btn-right-modular-table-td">0</td>
                        <td class="main-btn-right-modular-table-td">0</td>
                    </tr>
                    <tr class="main-btn-right-modular-table-tr">
                        <td class="main-btn-right-modular-table-td">长沙</td>
                        <td class="main-btn-right-modular-table-td">0.452</td>
                        <td class="main-btn-right-modular-table-td">4.04j+j41.41</td>
                        <td class="main-btn-right-modular-table-td">64.39</td>
                    </tr>
                </table> -->
            </div>
            <div class="main-btn-right-spice">
                <table class="main-btn-right-spice-table">
                    <tr class="main-btn-right-spice-table-tr">
                        <td class="main-btn-right-spice-table-td">敲准淮南等值参数</td>
                    </tr>
                </table>
            </div>
            <div class="main-btn-right-modular-btn" id="qhndzcs">
                <!-- <table class="main-btn-right-modular-btn-table">
                    <tr class="main-btn-right-modular-btn-table-tr-title">
                        <td class="main-btn-right-modular-btn-table-td">节点号</td>
                        <td class="main-btn-right-modular-btn-table-td">等值电势</td>
                        <td class="main-btn-right-modular-btn-table-td">等值阻抗</td>
                        <td class="main-btn-right-modular-btn-table-td">负荷阻抗</td>
                    </tr>
                    <tr class="main-btn-right-modular-btn-table-tr">
                        <td class="main-btn-right-modular-btn-table-td">宁夏</td>
                        <td class="main-btn-right-modular-btn-table-td">0.552+j0.273</td>
                        <td class="main-btn-right-modular-btn-table-td">0.001+j0.011</td>
                        <td class="main-btn-right-modular-btn-table-td">0.302+j0.002</td>
                    </tr>
                    <tr class="main-btn-right-modular-btn-table-tr">
                        <td class="main-btn-right-modular-btn-table-td">太原</td>
                        <td class="main-btn-right-modular-btn-table-td">0.056+j0.213</td>
                        <td class="main-btn-right-modular-btn-table-td">0.001+j0.011</td>
                        <td class="main-btn-right-modular-btn-table-td">0.132+0.002</td>
                    </tr>
                    <tr class="main-btn-right-modular-btn-table-tr">
                        <td class="main-btn-right-modular-btn-table-td">临汾</td>
                        <td class="main-btn-right-modular-btn-table-td">0.054+j0.161</td>
                        <td class="main-btn-right-modular-btn-table-td">0.002+j0.013</td>
                        <td class="main-btn-right-modular-btn-table-td">0.343+j0.123</td>
                    </tr>
                    <tr class="main-btn-right-modular-btn-table-tr">
                        <td class="main-btn-right-modular-btn-table-td">西安</td>
                        <td class="main-btn-right-modular-btn-table-td">0.051+j0.109</td>
                        <td class="main-btn-right-modular-btn-table-td">0.002+j0.013</td>
                        <td class="main-btn-right-modular-btn-table-td">0.101+j1.546</td>
                    </tr>
                    <tr class="main-btn-right-modular-btn-table-tr">
                        <td class="main-btn-right-modular-btn-table-td">兰州</td>
                        <td class="main-btn-right-modular-btn-table-td">0.014+j0.102</td>
                        <td class="main-btn-right-modular-btn-table-td">0.002+j0.013</td>
                        <td class="main-btn-right-modular-btn-table-td">0.242+j0.116</td>
                    </tr>
                    <tr class="main-btn-right-modular-btn-table-tr">
                        <td class="main-btn-right-modular-btn-table-td">玉树</td>
                        <td class="main-btn-right-modular-btn-table-td">0.069+j0.163</td>
                        <td class="main-btn-right-modular-btn-table-td">0.001+j0.014</td>
                        <td class="main-btn-right-modular-btn-table-td">0.293+j0.029</td>
                    </tr>
                </table> -->
            </div>
            <div class="main-btn-right-spice-btn"></div>
        </div>
        <div class="main-btn-spice"></div>
    </div>
</div>
</body>
<script src="${ctx}/js/index/index.js"></script>
</html>